<include file="Public/min-header"/>
<!--物流配置 css -start-->
<style>
    ul.group-list {
        width: 96%;min-width: 1000px; margin: auto 5px;list-style: disc outside none;
    }
    ul.group-list li {
        white-space: nowrap;float: left;
        width: 150px; height: 25px;
        padding: 3px 5px;list-style-type: none;
        list-style-position: outside;border: 0px;margin: 0px;
    }
</style>
<!--物流配置 css -end-->

<div class="wrapper">
    <include file="Public/breadcrumb"/>
    <section class="content">
        <!-- Main content -->
        <div class="container-fluid">
            <div class="pull-right">
                <a href="javascript:history.go(-1)" data-toggle="tooltip" title="" class="btn btn-default" data-original-title="返回"><i class="fa fa-reply"></i></a>
                <!--<a href="javascript:;" class="btn btn-default" data-url="http://www.tp-shop.cn/Doc/Index/article/id/1007/developer/user.html" onclick="get_help(this)"><i class="fa fa-question-circle"></i> 帮助</a>-->
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="fa fa-list"></i>详情</h3>
                </div>
                <div class="panel-body">
                    <ul class="nav nav-tabs">

                        <li class="active"><a href="#tab_images" data-toggle="tab">相册</a></li>
                    </ul>
                    <!--表单数据-->
                    <form method="post" id="addEditForm">

                        <!--通用信息-->
                        <div class="tab-content">


                            <!-- 相册-->
                            <div class="tab-pane active"    id="tab_images">
                                <table class="table table-bordered">
                                    <tbody>
                                    <tr>
                                        <td>相册名称：
                                            <input type="text" value="{$album.name}" name="name" class="form-control" style="width:350px;"  />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>      <style>.noshowsortid{display: none;}</style>
                                            <foreach name="goodsImages" item="vo" key="k" >
                                                <div style="width:100px; text-align:center; margin: 5px; display:inline-block;" class="goods_xc">
                                                    <input type="hidden" value="{$vo['images']}" name="images[]" class="goods_images" >

                                                    <a onclick="" href="{$vo['images']}" target="_blank"><img width="100" height="100" src="{$vo['images']}"></a>
                                                    <br>
                                                    <input type="text" value="{$vo['sort']}" name="images_sort[]" style="width:20px;margin: 3px auto;padding: 0; text-align: center;">
                                                    <a href="javascript:void(0)" onclick="ClearPicArr2(this,'{$vo['image_url']}')">删除</a>
                                                </div>
                                            </foreach>

                                            <div class="goods_xc" style="width:100px; text-align:center; margin: 5px; display:inline-block;">
                                                <input type="hidden" name="images[]" value="" class="goods_images"  />

                                                <a href="javascript:void(0);" onclick="GetUploadify(10,'','goods','call_back2');"><img src="/Public/images/add-button.jpg" width="100" height="100" /></a>
                                                <br/><input type="text" class="goods_images_sortid noshowsortid" value="" name="images_sort[]" style="width:20px;margin: 3px auto;padding: 0; text-align: center;" >
                                                <a href="javascript:void(0)">&nbsp;&nbsp;</a>
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!--商品相册-->


                        </div>
                        <div class="pull-right">
                            <input type="hidden" name="id" value="{$album.id}">
                            <button class="btn btn-primary" onclick="ajax_submit_form('addEditForm','{:U('Company/addEditImages?is_ajax=1')}');" title="" data-toggle="tooltip" type="button" data-original-title="保存">保存</button>
                        </div>
                    </form><!--表单数据-->
                </div>
            </div>
        </div>    <!-- /.content -->
    </section>
</div>
<script>
    $(document).ready(function(){
        $(":checkbox[cka]").click(function(){
            var $cks = $(":checkbox[ck='"+$(this).attr("cka")+"']");
            if($(this).is(':checked')){
                $cks.each(function(){$(this).prop("checked",true);});
            }else{
                $cks.each(function(){$(this).removeAttr('checked');});
            }
        });
    });

    function choosebox(o){
        var vt = $(o).is(':checked');
        if(vt){
            $('input[type=checkbox]').prop('checked',vt);
        }else{
            $('input[type=checkbox]').removeAttr('checked');
        }
    }
    /*
     * 以下是图片上传方法
     */
    // 上传商品图片成功回调函数
    function call_back(fileurl_tmp){
        $("#original_img").val(fileurl_tmp);
        $("#original_img2").attr('href', fileurl_tmp);
    }

    // 上传商品图片成功回调函数
    function call_back_img1(fileurl_tmp){
        $("#original_img1").val(fileurl_tmp);
        $("#original_img3").attr('href', fileurl_tmp);
    }
    // 上传商品相册回调函数
    function call_back2(paths){
        var  last_div = $(".goods_xc:last").prop("outerHTML");
        for (i=0;i<paths.length;i++ )
        {
            $(".goods_xc:eq(0)").before(last_div);	// 插入一个 新图片
            $(".goods_xc:eq(0)").find('a:eq(0)').attr('href',paths[i]).attr('onclick','').attr('target', "_blank");// 修改他的链接地址
            $(".goods_xc:eq(0)").find('img').attr('src',paths[i]);// 修改他的图片路径
            $(".goods_xc:eq(0)").find('a:eq(1)').attr('onclick',"ClearPicArr2(this,'"+paths[i]+"')").text('删除');
            $(".goods_xc:eq(0)").find('.goods_images_sortid').removeClass("noshowsortid");

            $(".goods_xc:eq(0)").find('input.goods_images').val(paths[i]); // 设置隐藏域 要提交的值
            $(".goods_xc:eq(0)").find('input.goods_images_sortid').val(i+1); // 设置隐藏域 要提交的值
        }
    }
    /*
     * 上传之后删除组图input
     * @access   public
     * @val      string  删除的图片input
     */
    function ClearPicArr2(obj,path)
    {
        $.ajax({
            type:'GET',
            url:"{:U('Admin/Uploadify/delupload')}",
            data:{action:"del", filename:path},
            success:function(){
                $(obj).parent().remove(); // 删除完服务器的, 再删除 html上的图片
            }
        });
        // 删除数据库记录
        $.ajax({
            type:'GET',
            url:"{:U('/Admin/Goods/del_goods_images')}",
            data:{filename:path},
            success:function(){
                //
            }
        });
    }



    /** 以下 商品属性相关 js*/
    $(document).ready(function(){

        $("#goods_temid").change(function(){
            var type_id = $(this).val();
            $.ajax({
                type:'GET',
                data:{type_id:type_id},
                url:"/admin/Goods/ajaxGetSize",
                success:function(data){
                    $("#goods_temid_table").html('');
                    $("#goods_temid_table").append(data);
                }
            });
        });

        $("#goods_size_temid").change(function(){
            var type_id = $(this).val();
            $.ajax({
                type:'GET',
                data:{type_id:type_id},
                url:"/admin/Goods/ajaxGetSize",
                success:function(data){
                    $("#goods_size_temid_table").html('');
                    $("#goods_size_temid_table").append(data);
                }
            });
        });
        // 商品类型切换时 ajax 调用  返回不同的属性输入框
        $("#goods_type").change(function(){
            var goods_id = $("input[name='goods_id']").val();
            var type_id = $(this).val();
            $.ajax({
                type:'GET',
                data:{goods_id:goods_id,type_id:type_id},
                url:"/admin/Goods/ajaxGetAttrInput",
                success:function(data){
                    $("#goods_attr_table tr:gt(0)").remove()
                    $("#goods_attr_table").append(data);
                }
            });
        });
        // 触发商品类型
        $("#goods_type").trigger('change');
        $("input[name='exchange_integral']").blur(function(){
            var shop_price = parseInt($("input[name='shop_price']").val());
            var exchange_integral = parseInt($(this).val());
            if (shop_price * 100 < exchange_integral) {

            }
        });
    });


    // 属性输入框的加减事件
    function addAttr(a)
    {
        var attr = $(a).parent().parent().prop("outerHTML");
        attr = attr.replace('addAttr','delAttr').replace('+','-');
        $(a).parent().parent().after(attr);
    }
    // 属性输入框的加减事件
    function delAttr(a)
    {
        $(a).parent().parent().remove();
    }


    /** 以下 商品规格相关 js*/
    $(document).ready(function(){

        // 商品类型切换时 ajax 调用  返回不同的属性输入框
        $("#spec_type").change(function(){
            var goods_id = '{$album.goods_id}';
            var spec_type = $(this).val();
            $.ajax({
                type:'GET',
                data:{goods_id:goods_id,spec_type:spec_type},
                url:"{:U('/admin/Goods/ajaxGetSpecSelect')}",
                success:function(data){
                    $("#ajax_spec_data").html('')
                    $("#ajax_spec_data").append(data);
                    //alert('132');
                    ajaxGetSpecInput();	// 触发完  马上处罚 规格输入框
                }
            });
        });
        // 触发商品规格
        $("#spec_type").trigger('change');
    });

    /** 以下是编辑时默认选中某个商品分类*/
    $(document).ready(function(){

        <if condition="$level_cat['2'] gt 0">
            // 商品分类第二个下拉菜单
            get_category('{$level_cat[1]}','cat_id_2','{$level_cat[2]}');
        </if>
        <if condition="$level_cat['3'] gt 0">
            // 商品分类第二个下拉菜单
            get_category('{$level_cat[2]}','cat_id_3','{$level_cat[3]}');
        </if>

        //  扩展分类
        <if condition="$level_cat2['2'] gt 0">
            // 商品分类第二个下拉菜单
            get_category('{$level_cat2[1]}','extend_cat_id_2','{$level_cat2[2]}');
        </if>
        <if condition="$level_cat2['3'] gt 0">
            // 商品分类第二个下拉菜单
            get_category('{$level_cat2[2]}','extend_cat_id_3','{$level_cat2[3]}');
        </if>

    });

</script>
</body>
</html>